﻿body {
    background-color: #fff;
    color: #333;
    font-size: .85em;
    font-family: "Segoe UI", Verdana, Helvetica, Sans-Serif;
    margin: 0;
    padding: 0;
}

header .bg {
    height:88px;
    width:100%;
    border-bottom-color:#135AA4;
    border-bottom-style:solid;
    border-bottom-width:2px;
}

header .logo {
    background:url(../Images/logo.png) no-repeat; 
    width:160px;
    height:88px; 
    float:left;
    margin-left:20px;
}

header .userInfo {
    color:#222222;
    font-weight: bold;
    font-family: Helvetica,'Microsoft Yahei',verdana;
    float:left;
    margin:50px 0px 0px 50px;
}

    header .userInfo a {
        text-decoration:none;
        color:#666666;
    }

header .cloud {
    background:url(../Images/cloud.jpg) no-repeat;
    width:504px;
    height:88px; 
    float:right;
}

/* master layout
----------------------------------------------------------*/
#navigation {
    float:left;
    width:200px;
    background:#F5F5F5;
    height:100%;
}

#navigation ul {
    list-style: none outside none;
    padding:0;
    margin:3px 0px 0px 0px;
}

    #navigation a {
        text-decoration:none;
        color:#6A6A6A;
    }
    #navigation .navtext {
        margin-top:3px;
    }

.qa {
    background: -ms-linear-gradient(rgb(254, 255, 255), rgb(218, 232, 246));
    
    background: -moz-linear-gradient(center top , #FEFFFF, #DAE8F6) repeat scroll 0 0 transparent;
    
    background: -o-linear-gradient(center top , #FEFFFF, #DAE8F6) repeat scroll 0 0 transparent;
    background: -webkit-linear-gradient(top,#FEFFFF,#DAE8F6);
    background: linear-gradient(center top , #FEFFFF, #DAE8F6) repeat scroll 0 0 transparent;
    
    border-color: #B9C4CF;
    color: #6A6A6A;

    border-style: solid;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-width:1px;

    cursor:pointer;

    height:26px;
    text-align:center;
    vertical-align:middle;

    margin-bottom:2px;
}

/* main layout
----------------------------------------------------------*/
#main {
    height:700px;
}

#body {
    width:900px;
    padding-bottom: 35px;
    float:left;
    font-family: verdana;
    margin-left:20px;
}

.copyright {
    height:45px;
    color:#000000;
    text-align:center;
    margin-top:10px;
}

    .copyright a {
        color:#000000;
    }





/* login
----------------------------------------------------------*/

.theme {
    width:1400px;
    margin:0 auto; 
    height:900px;
    background:url("/Images/blue_back.jpg");
    position:relative;
}

#login {
    width:460px;
    height:310px;
    
    background-color:#FFFFFF;

    border-color: #CDCDCD;
    border-style: solid;
    border-width: 0;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.5);
    z-index:10;

    clear:both; 
    position:absolute;
    top:50%;
    left:50%;

    margin-top:-155px;
    margin-left:-230px;

    overflow:auto;
}
#floater	
{
    float:left; 
    height:50%; 
    margin-bottom:-120px;

}

.form {
    color: #7A8698;
    position:relative;
}

.form .LT {
    margin:25px 0px 0px 120px; 
}

.form .ipt {
    background-color: #ECF5FA;
    border: 1px solid #BAC7D2;
    border-radius: 2px 2px 2px 2px;
    box-shadow: 0 0 2px rgba(0, 46, 115, 0.25) inset;
    font-family: "Microsoft Yahei";
    font-size: 0;
    height: 46px;
    line-height: 0;
    position: absolute;
}
    .form .user-title {
        position:absolute;
        left:50px;
        top:86px;
        text-align:right;
    }

    .form .user {
        position:absolute;
        left:120px;
        top:75px;
    }

     .form .pwd-title {
        position:absolute;
        left:65px;
        top:151px;
        text-align:right;
    }

    .form .pwd {
        position:absolute;
        left:120px;
        top:140px;
    }

    .ipt input {
    background: none repeat scroll 0 0 transparent;
    border: medium none;
    color: #000000;
    font-size: 14px;
    font-weight: bold;
    height: 19px;
    line-height: normal;
    margin: 0;
    outline: medium none;
    padding: 13px 10px;
    width: 211px;
}

    .btn {
    border: 0 none;
    height: 40px;
    width: 102px;
}

.form .login {
    position:absolute;
    background-image:url("../Images/login.png");
    left:120px;
    top:204px;
}

#forgetPassword {
    color:#7A8698;
    text-decoration:none;
}

.forgetPwd {
    position:absolute;
    left:240px;
    top:215px;
}

/* forms */
fieldset {
    border: none;
    margin: 0;
    padding: 0;
}

    fieldset legend {
        display: none;
    }

    fieldset ol {
        padding: 0;
        list-style: none;
    }

        fieldset ol li {
            padding-bottom: 5px;
        }

label {
    display: block;
    font-size: 1.2em;
    font-weight: 600;
}

label.checkbox {
    display: inline;
}

input, textarea {
    border: 1px solid #e2e2e2;
    background: #fff;
    color: #333;
    font-size: 1.2em;
    margin: 5px 0 6px 0;
    padding: 5px;
}

textarea {
    font-family: inherit;
    width: 500px;
}

